<template>
  <div class="setup">
    <van-sticky>
      <div class="top">
        <div
          class="iconfont icon-arrowRight-copy-copy"
          @click="$router.push('/my')"
        ></div>
        <div class="shopp">设置</div>
        <div></div>
      </div>
    </van-sticky>

    <div class="item">
      <div class="items">
        <div class="left">
          <div class="img"><img src="../../assets/4.png" alt="" /></div>
          <div class="info">
            <div class="name">Ninja</div>
            <div class="number">186****1098</div>
          </div>
        </div>
        <div class="right"><div class="iconfont icon-jiantou"></div></div>
      </div>
      <div class="items">
        <div class="left">
          <div class="title">消息推送</div>
        </div>
        <div class="right">
          <div class="iconfont icon-jiantou"></div>
        </div>
      </div>
      <div class="items">
        <div class="left">
          <div class="title">账号与安全</div>
        </div>
        <div class="right">
          <div class="iconfont icon-jiantou"></div>
        </div>
      </div>

      <div class="items">
        <div class="left">
          <div class="title">帮助中心</div>
        </div>
        <div class="right">
          <div class="iconfont icon-jiantou"></div>
        </div>
      </div>
      <div class="items">
        <div class="left">
          <div class="title">给我们打分</div>
        </div>
        <div class="right">
          <div class="iconfont icon-jiantou"></div>
        </div>
      </div>
      <div class="items">
        <div class="left">
          <div class="title">用户协议</div>
        </div>
        <div class="right">
          <div class="iconfont icon-jiantou"></div>
        </div>
      </div>
      <div class="items">
        <div class="left">
          <div class="title">隐私条款</div>
        </div>
        <div class="right">
          <div class="iconfont icon-jiantou"></div>
        </div>
      </div>
      <div class="items">
        <div class="left">
          <div class="title">联系我们</div>
        </div>
        <div class="right">
          <div class="iconfont icon-jiantou"></div>
        </div>
      </div>
      <div class="items">
        <div class="left">
          <div class="title">系统设置</div>
        </div>
        <div class="right">
          <div class="iconfont icon-jiantou"></div>
        </div>
      </div>
      <div class="items">
        <div class="left">
          <div class="title">清理缓存</div>
        </div>
        <div class="right">
          <div class="iconfont icon-jiantou"></div>
        </div>
      </div>
    </div>

    <div class="ipt" @click="sign_out">退出登录</div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    sign_out() {
      window.localStorage.removeItem("token");
      this.$router.push("/my");
    },
  },
};
</script>

<style lang='less'>
.setup {
  .top {
    background: #fff;
    padding-bottom: 5px;
    margin: 0 20px;
    padding-top: 30px;
    margin-bottom: 20px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .iconfont {
      font-weight: bold;
      font-size: 20px;
    }
  }
  .item {
    .items {
      height: 49px;
      border-bottom: 1px solid #d0d0d0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .left {
        display: flex;
        margin-left: 20px;
        align-items: center;
        .img {
          width: 30px;
          height: 30px;
          background: #000;
          border-radius: 50%;
          margin-right: 20px;
          img {
            width: 33px;
            height: 30px;

            border-radius: 50%;
          }
        }
        .info {
          font-size: 10px;
          .number {
            margin-top: 10px;
            color: #8d8d8d;
          }
        }
      }
      .right {
        margin-right: 15px;
      }
    }
  }
  .ipt {
    height: 40px;
    margin: 0 15px;
    margin-top: 25px;
    background: #f6c755;
    border-radius: 30px;
    text-align: center;
    line-height: 40px;
  }
}
</style>